<!--
 * @Descripttion:
 * @version:
 * @Author: sueRimn
 * @Date: 2019-06-05 12:43:22
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-08-24 17:07:49
 -->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  watch: {
    $route (to, from) {
      // this.handleLoading(2000)
    }
  },

methods: {
    bodyScale() {
        var devicewidth = document.documentElement.clientWidth // 获取当前分辨率下的可视区域宽度
        var scale = devicewidth / 1920 // 除以设计稿的尺寸
        document.body.style.zoom = scale // 放大缩小相应倍数
      }
    },
    created() {
      this.bodyScale()
    }
}
</script>

<style lang="scss">
@import url('./style/reset.css');
html,
body {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
}
body .el-table th.gutter {
  display: table-cell !important;
}
.home-form {
  .el-form-item {
    margin-bottom: 0px !important;
  }
  .search-btn {
    margin-top: 3px;
  }
}
.mt-15 {
  margin-bottom: 10px;
}
.el-tooltip__popper.is-dark {
  background-color: rgba(50, 50, 50, 0.7) !important;
}
.el-tooltip__popper[x-placement^='top'] .popper__arrow {
  border-top-color: rgba(50, 50, 50, 0.7) !important;
}
.el-tooltip__popper[x-placement^='top'] .popper__arrow::after {
  border-top-color: rgba(50, 50, 50, 0.7) !important;
  opacity: 0 !important;
}
.el-input--suffix .el-input__inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.el-date-editor .el-input__inner {
  padding-left: 30px !important;
}
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-textarea__inner {
  border-color: #dcdfe6 !important;
}
.el-input__suffix {
  right: 0 !important;
}
</style>
